<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>

        <title>Consulta de Notas</title>
    </h:head>
    <h:body >

        <div align="center">
            <h:form id="consultaNotas">
                <h1>Consulta de Notas</h1>



                <table width="752" border="0">
                    <tr>
                        <td width="637">&nbsp;</td>
                        <td width="99">
                            <h:commandLink action="#{consultaNotasBean.cerrarSession}">
                                Cerrar Session
                            </h:commandLink> </td>
                    </tr>
                </table>


                <h:panelGrid styleClass="panelGridConsultar"  columns="2">

                    <h:outputLabel> Alumno: </h:outputLabel>
                    <h:outputLabel id="txtcodAlumno" value=" #{consultaNotasBean.desAlumno}"></h:outputLabel>

                    <h:outputLabel>Periodo: </h:outputLabel>
                    <h:selectOneMenu value="#{consultaNotasBean.periodoSelected}"
                                     valueChangeListener="#{consultaNotasBean.cargarCursos}"  >
                        <f:selectItems value="#{consultaNotasBean.periodosMap}" />

                        <f:ajax render="cmbCursos" event="change" />
                    </h:selectOneMenu>



                    <h:outputLabel>Curso: </h:outputLabel>
                    <h:selectOneMenu  id="cmbCursos" value="#{consultaNotasBean.cursoSelected}" >
                        <f:selectItem itemValue="0" itemLabel="--TODOS--" />
                        <f:selectItems value="#{consultaNotasBean.cursosMap}" />
                    </h:selectOneMenu>



                    <h:commandButton id="consultaNotasBean" value="Consultar"  action="#{consultaNotasBean.outcome}" >
                    </h:commandButton>
                </h:panelGrid>

                <h:dataTable value="#{consultaNotasBean.notasCursosList}"    width="500px" var="o" border="1" >

                    <h:column>
                        <h:dataTable id="table1" width="100%" value="#{o.notasAlumnoCursoCollection}" var="reg" border="1">
                            <f:facet name="header">
                                <h:outputText value="#{o.cursos.curso}" /> - <h:outputText value="#{o.cursos.descripcion}" />
                            </f:facet>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Item" />
                                </f:facet>
                                <h:outputText value="" />
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Evaluación" />
                                </f:facet>
                                <h:outputText value=" #{reg.notasAlumnoCursoPK.tipoExamen}" />
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Nota" />
                                </f:facet>
                                <h:outputText value=" #{reg.nota}" />
                            </h:column>
                            <f:facet name="footer">
                                <h:outputText value="Promedio: " />  <h:outputText value=" #{o.promedio}" />
                            </f:facet>
                        </h:dataTable>

                    </h:column>

                </h:dataTable>





            </h:form>
        </div>
    </h:body>
</html>

